<label name="lblAltDescription" caption="ALT text" hint="Write an alternative text, which will be displayed in browsers that doesn't support images and when the mouse hovers over the image." width="53" height="13" top="48" left="8"/>
<label name="lblImageUrl" caption="Image" hint="Path for the image that you wish to insert." width="38" height="13" top="8" left="8"/>
<label name="lblVSpace" caption="Top/bottom margin" hint="Enter the distance between the top and bottom side of the image, and the surrounding elements." width="98" height="13" top="136" left="8"/>
<label name="lblHSpace" caption="Right/left margin" hint="Enter the distance between the left and right side of the image, and the surrounding elements." width="123" height="13" top="136" left="142"/>
<speedbutton name="btnShowImageExplorer" glyph="icons\16x16\search.bmp" caption="" hint="Look for an image using WebCoders Image Explorer." width="19" height="19" top="24" left="202">
<event type="onclick">
FileName := ShowImageExplorer;
If FileName <> '' then
ShowImage(FileName);
</event>
</speedbutton>
<speedbutton name="btnReCalculate" glyph="icons\16x16\calculator.bmp" caption="" hint="Set hight and width from the current image." width="19" height="19" top="24" left="224">
<event type="onclick">
speWidth.Value := imgPreview.Picture.Width;
speHeight.Value := imgPreview.Picture.Height;
</event>
</speedbutton>
<speedbutton name="btnSearchForImage" glyph="icons\16x16\look_for_files.bmp" caption="" hint="Look on the computer for an image file." width="19" height="19" top="24" left="246">
<edit name="edtALTDescription" taborder="2" text="" hint="Write an alternative text, which will be displayed in browsers that doesn't support images and when the mouse hovers over the image." width="257" height="19" top="64" left="8"/>
<edit name="edtImageUrl" taborder="0" text="" hint="Path for the image that you wish to insert." width="193" height="19" top="24" left="8"/>
<spinedit name="speWidth" taborder="4" hint="Width of the image. If you change it to another value than the images actual width, it will look stretched or truncated." maxvalue="10000" minvalue="0" width="70" height="20" top="104" left="100"/>
<spinedit name="speHeight" taborder="3" hint="Width of the image. If you change it to another value than the images actual width, it will look stretched or truncated." maxvalue="1000" minvalue="0" width="70" height="20" top="104" left="8"/>
<checkbox name="cbStretchPreview" caption="Stretch image" taborder="8" hint="Stretch the image to fill out the entire preview area. This will have no effect on the image when it's shown on your page." checked="0" width="121" height="17" top="8" left="280">
<spinedit name="speBorder" taborder="5" hint="If the border value is above 0, a border will displayed around your image." maxvalue="0" minvalue="0" width="70" height="20" top="104" left="192"/>
<spinedit name="speHSpace" taborder="7" hint="Enter the distance between the left and right side of the image, and the surrounding elements." maxvalue="0" minvalue="0" width="120" height="20" top="152" left="142"/>
<spinedit name="speVSpace" taborder="6" hint="Enter the distance between the top and bottom side of the image, and the surrounding elements." maxvalue="0" minvalue="0" width="120" height="20" top="152" left="8"/>